
import { createRouter, createWebHistory, createWebHashHistory } from 'vue-router';

//  tabbar 对应的页面 和配置
export const tabbars = [
  { path: '/', alias: '/Home', icon: 'icon-1', text: '首页', meta: { title: '首页' }, component: () => import('@/views/Home/index.vue') },
  { path: '/Shop', icon: "icon-erweima", text: '商城', meta: { title: '商城' }, component: () => import('@/views/Shop/index.vue') },
  { path: '/My', icon: 'icon-guanliyuan', text: '我的', meta: { title: '我的' }, component: () => import('@/views/My/index.vue') },
]

//  其他页面， 都是需要回到上一页的
export const navbars = [
  //  首页
  { path: '/HomeDetail', meta: { title: '首页详情' }, component: () => import('@/views/Home/Detail.vue') },
  { path: '/HomeList', meta: { title: '首页列表' }, component: () => import('@/views/Home/List.vue') },
  { path: '/HomeForm', meta: { title: '首页表单' }, component: () => import('@/views/Home/Form.vue') },
  //  商城
  { path: '/ShopDetail', meta: { title: '商品详情' }, component: () => import('@/views/Shop/Detail.vue') },
  { path: '/ShopList', meta: { title: '商品列表' }, component: () => import('@/views/Shop/List.vue') },
  { path: '/ShopForm', meta: { title: '商品表单' }, component: () => import('@/views/Shop/Form.vue') },
]

//  自定义页面
export const others = [
  { path: '/Login', component: () => import('@/views/Login/index.vue') },
]

const routes = [
  ...tabbars,
  ...navbars,
  ...others
];

// 3. 创建路由实例并传递 `routes` 配置
// 你可以在这里输入更多的配置，但我们在这里
// 暂时保持简单
const router = createRouter({
  // 4. 内部提供了 history 模式的实现。为了简单起见，我们在这里使用 hash 模式。
  history: createWebHistory(),
  routes, // `routes: routes` 的缩写
})

//  配置全局路由


export default router;